
{% extends 'base/front_base.html' %}

{% block title %}
付款页面
{% endblock %}

{% block head %}
<link rel="stylesheet" href="{% static 'css/payinfo/payinfo_index.min.css' %}">
<script src="{% static 'js/index.min.js' %}"></script>
{% endblock %}

{% block main %}
<div class="main">
    <div class="wrapper">
        <div class="main-content-wrapper">
            <div class="thumbnail-group">
                <img src="https://www.bufanbiz.com/static/build/images/web-bufanshop-banner.jpg" alt="">
            </div>
            <div class="payinfo-wrapper">
                <ul class="pay-list">
                    {% for payinfo in payinfos %}
                        <li>
                        <div class="thumbnail">
                            <img src="https://www.bufanbiz.com/static/build/images/web-bp-pc.png" alt="">
                        </div>
                        <div class="title-group">
                            <p class="title">{{ payinfo.title }}</p>
                            <p class="detail">{{ payinfo.profile }}</p>
                            <p class="price">￥ {{ payinfo.price }}</p>
                        </div>
                    </li>
                    {% endfor %}
                </ul>
            </div>
        </div>
        {% include 'base/sidebar.html' %}
    </div>
</div>
{% endblock %}